
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <title>chatgpt个人版</title>
    <link rel="shortcut icon" href="/assets/img/favicon.ico" type="image/x-icon">
    <link href=/assets/libs/highlight/styles/atom-one-dark.min.css?v=1.0" rel="stylesheet">
    <link href="/assets/libs/zui/css/zui.lite.min.css" rel="stylesheet">
    <link href="/assets/css/chatgpt.css" rel="stylesheet">
</head>

<body class="skin-black-blue sidebar-mini  fixed"  >

<div class="wrapper" >

    <!-- 头部区域 -->
    <header id="header" class="main-header">

        <!-- Logo -->
        <a href="javascript:;" class="logo">
            <!-- 迷你模式下Logo的大小为50X50 -->
            <span class="logo-mini">CHAT</span>
            <!-- 普通模式下Logo -->
            <span class="logo-lg">Chatgpt个人版</span>
        </a>
        <!-- 顶部通栏样式 -->
        <nav class="navbar navbar-static-top ">

            <!--第一级菜单-->
            <div id="firstnav">
                <!-- 边栏切换按钮-->

                <a href="#" class="sidebar-toggle" data-toggle="offcanvas" role="button">
                    <span class="icon-bars"></span>
                    <span class="sr-only">Toggle navigation</span>
                </a>

                <div class="navbar-custom-menu">

                </div>
            </div>

        </nav>

    </header>
    <style>

    </style>
    <!-- 左侧菜单栏 -->
    <aside class="main-sidebar">
        <!-- 左侧菜单栏 -->
        <div class="slimScrollDiv" style="position: relative; overflow: hidden; width: auto; height: 672px;"><section class="sidebar" style="height: 672px; overflow: hidden; margin-top: 0px; width: auto;">
                <!-- 管理员信息 -->
                <!-- 移动端一级菜单 -->

                <h2 class="chat-sidebar-title">Chatgpt个人版</h2>
                <!-- 左侧菜单栏 -->
                <ul class="sidebar-menu ">
                    <!-- 菜单可以在 后台管理->权限管理->菜单规则 中进行增删改排序 -->
                    <li class="active">
                        <a href="/" >

                            <i class="icon icon-chat-line"></i>
                            <span>chatAi对话</span>

                        </a>
                    </li>
                    <li class="" data-action="delchat">
                        <a href="javascript:;" >

                            <i class="icon icon-trash"></i>
                            <span>清空会话</span>

                        </a>
                    </li>

                    <li class="" data-action="setkey">
                        <a href="javascript:;" >

                            <i class="icon icon-cogs"></i>
                            <span>自定义key</span>
                            <span class="pull-right-container" id="chat_keystatus">

             </span>
                        </a>
                    </li>

                </ul>
            </section>
        </div>

    </aside>

    <!-- 主体内容区域 -->
    <div class="content-wrapper ">

        <div class="chat-content" id="chat_content_wrapper">
            <div   id="chat_kuaijie" style="display:none;">
                <div id="chat_kuaijie" style="">
                    <div class="col-12 text-center">
                        <h1 class="chat-title">ChatGpt Ai</h1>
                    </div>
                    <div class=" icon-block-list ">
                        <div class="icon-block">
                            <i class="icon icon-stack "></i>
                            <span class="icon-block-title">Ai创作</span>
                            <ul class="icon-block-list">
                                <li>
                                    写一首赞美爱情的诗，要求50字以上                            </li>
                                <li>
                                    写一个系统升级的公告                            </li>
                                <li>
                                    写一份周报，50字以上                            </li>

                            </ul>
                        </div>
                        <div class="icon-block">
                            <i class="icon icon-lightbulb "></i>
                            <span class="icon-block-title">数学计算</span>
                            <ul class="icon-block-list">
                                <li>
                                    微积分基本公式                            </li>
                                <li>
                                    勾股定理公式                            </li>
                                <li>
                                    万有引力定律公式                            </li>
                            </ul>
                        </div>
                        <div class="icon-block">
                            <i class="icon icon-code "></i>
                            <span class="icon-block-title">编写代码</span>
                            <ul class="icon-block-list">
                                <li>
                                    使用PHP实现冒泡排序                            </li>
                                <li>
                                    使用Python实现基数排序                            </li>
                                <li>
                                    使用java实现希尔排序                            </li>
                            </ul>
                        </div>
                    </div>

                </div>
            </div>
            <div class="list-group" id="message_chat_content">



            </div>
        </div>
        <div class="chat-footer">
            <div class="chat-editor">
                <div class="input-group">
                    <textarea class="form-control chat-message-send"  id="sendMessage_val" placeholder="发送消息给 AI，Shift + Enter 换行"></textarea>
                    <span class="input-group-btn">
                      <button class="btn btn-success btn-lg chat-send-btn"  type="button" data-loading="0" id="sendMessage_btn"><i class="icon icon-rocket mr-1"></i>发送</button>
                   </span>
                </div>
            </div>
        </div>

    </div>



</div>



<script src="/assets/libs/remarkable/remarkable.js" ></script>
<script src="/assets/libs/jquery/jquery-3.6.4.min.js" ></script>
<script src="/assets/libs/highlight/highlight.min.js" ></script>
<script src="/assets/libs/zui/js/zui.lite.min.js" ></script>
<script src="/assets/libs/layer/layer.js" ></script>
<script src="//cdn.bootcss.com/mathjax/2.7.0/MathJax.js?config=TeX-AMS-MML_HTMLorMML"></script>
<script>
    MathJax.Hub.Config({
        showProcessingMessages: false,
        messageStyle: "none",
        extensions: ["tex2jax.js"],
        jax: ["input/TeX", "output/HTML-CSS"],
        tex2jax: {
            inlineMath: [["$", "$"]],
            displayMath: [["$$", "$$"]],
            skipTags: ['script', 'noscript', 'style', 'textarea', 'pre', 'code', 'a'],
            ignoreClass: "comment-content"
        },
        "HTML-CSS": {
            availableFonts: ["STIX", "TeX"],
            showMathMenu: false
        }
    });

</script>
<script src="/assets/js/chatgpt.js" ></script>
</body>

</html>
